<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <title>文章详情</title>
    <link rel="stylesheet" href="css/detail.css">
    <script src="js/jquery.js"></script>
    <script src="js/main.js"></script>
    <style>
        .backtop {
            position: fixed;
            bottom: 4rem;
            right: 5rem;
            width: 2rem;
            height: 2rem;
            opacity: 0.8;
            display: none;
            transition: opacity 0.5s;
            z-index: 999;
        }

        .backtop:hover {
            opacity: 1;
        }
    </style>
    <script src="js/detail.js"></script>
</head>
<body>
<div class="main">
    <header>
        <div class="navbar">
            <div class="navbar-left">
                <img class="logo" src="img/logo.jpg" alt="logo"><span>Devon's Blog</span>
            </div>
            <div class="navbar-right">
                <ul class="navbar-list">
                    <li class="navbar-list-item"><a href="./index.html"><img class="icons" src="icons/shouye.png"
                                                                             alt=""/>首页</a></li>
                    <!--<li class="navbar-list-item"><img class="icons" src="icons/shouye.png" alt=""/>首页</li>-->
                    <li class="navbar-list-item"><a href="./log.html"><img class="icons" src="icons/article.png"
                                                                           alt=""/>归档</a></li>
                    <li class="navbar-list-item"><a href="./leavemsg.html"><img class="icons" src="icons/message.png"
                                                                                alt=""/>留言板</a></li>
                    <li class="navbar-list-item"><a href="./index.html"><img
                            style="padding: .1rem;margin-right: 0.1rem"
                            class="icons"
                            src="icons/about.png" alt=""/>关于</a>
                    </li>
                    <li class="navbar-list-item"><a href="./index.html"><img
                            style="padding: .1rem;margin-right: -0.1rem"
                            class="icons"
                            src="icons/user.png" alt=""/>个人</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <div class="container">
        <!--<img class="back" src="img/23.jpg">-->
        <!--<img class="back" src="http://localhost:8080/img/1579452309846.jpg">-->
    </div>
    <div class="d-title">
        <!--<h1>念念不忘，必有回响</h1>-->
        <!--<div class="d-title-date">-->
            <!--<span><img class="d-title-icon" src="./icons/catege_title.png" alt="">咸鱼日常</span>-->
            <!--<span><img class="d-title-icon" src="./icons/comment_title.png" alt="">24</span>-->
            <!--<span><img class="d-title-icon" src="./icons/time_title.png" alt="">2017-10-12 20:38</span>-->
        <!--</div>-->
    </div>
    <div class="content">
        <div class="item-content"></div>`
        <div class="item-comment">
            <div class="leavingTitle">
                <div class="hr"></div>
                <div class="leavingText"><img src="./icons/comment_detail.png" alt=""></div>
                <div class="hr"></div>
            </div>
            <div class="item-comment-content">
                <!--<div class="comment-item">-->
                    <!--<div class="comment-item-left"><img src="./img/36.jpg" alt=""></div>-->
                    <!--<div class="comment-item-center">-->
                        <!--<div class="comment-item-center-name">匿名人士</div>-->
                        <!--<div class="comment-item-center-content">啦啦啦啦啦啦啦啦啦sssssssssssssssssssssssss啦啦啦啦啦啦啦啦</div>-->
                    <!--</div>-->
                    <!--<div class="comment-item-right">2017-12-11 20:11</div>-->
                <!--</div>-->
                <!--<div class="comment-item">-->
                    <!--<div class="comment-item-left"><img src="./img/36.jpg" alt=""></div>-->
                    <!--<div class="comment-item-center">-->
                        <!--<div class="comment-item-center-name">匿名人士</div>-->
                        <!--<div class="comment-item-center-content">-->
                            <!--啦啦啦啦啦啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦啦啦啦啦ssss啦啦啦啦啦ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss啦啦啦啦啦啦啦-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="comment-item-right">2017-12-11 20:11</div>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</div>
<div class="backtop"><img src="icons/top.png" alt=""></div>
</body>
</html>